<div class="wrap_popup" onclick="closepopup();"></div>
<div class="popup">
   <div class="popup_tab">
      <div class="popup_title">ĐẶT MUA HÀNG TẠI CỬA HÀNG</div>
      <div class="popup_close" onclick="closepopup();"></div>
   </div>
   <div class="popup_main">
      <div class="control_name_reg">Đăt mua sản phẩm abc</div>
      <h4>Vui lòng nhập một số thông tin của bạn</h4>
      <input type="text" class="regpro_name" placeholder="Họ tên" />
      <input type="text" class="regpro_email" placeholder="Email" />
      <input type="text" class="regpro_phone" placeholder="Số điện thoại" />
      <textarea class="regpro_content" placeholder="Yêu cầu nếu có ..."></textarea>
      <a class="popup_action" href="javascript:;" rel="nofollow">Gửi đi</a>
   </div>
</div>
<style>
.control_name_reg {
   padding: 10px 0px;
   font-size: 16px;
   font-weight: bold;
   color: #03468c;
}
.popup_main h4 {
   padding-bottom: 10px;
}
.popup_main input, .popup_main textarea {
   width: 575px;
   margin-top: 5px;
   margin-bottom: 10px;
}
.popup_main input {
   height: 26px;
   line-height: 26px;
   padding: 2px;
}
.popup_main textarea {
   height: 56px;
   padding: 2px;
}
</style>
<script>
function showpopup(id,type,name) {
   var windowHeight = $(window).height();
   var windowWidth = $(window).width();
   var popupHeight = $('.popup').height();
   var popupWidth = $('.popup').width();
   var pTop = (windowHeight - popupHeight)/2;
   var pLeft = (windowWidth - popupWidth)/2;
   $('.wrap_popup').height($(document).height());
   $('.wrap_popup').show();
   $('.popup').css({'top':pTop,'left':pLeft}); 
   $('.popup').show('slow');
   $('.control_name_reg').html(name);
   $('.popup_action').attr('onclick',"regpro("+id+",'"+type+"')");
}
function closepopup() {
   $('.wrap_popup').hide();
   $('.popup').hide();
}
function regpro(id,type) {
   var ord_name = $('.regpro_name').val();
   var ord_email = $('.regpro_email').val();
   var ord_phone = $('.regpro_phone').val();
   var ord_content = $('.regpro_content').val();
   if(ord_name == '' || ord_email == '' || ord_phone == '') {
      alert('Vui lòng nhập đủ thông tin');
      return false;
   }
   if(!isemail(ord_email)){
		alert('Hãy nhập Email hợp lệ.');
		$('.regpro_email').focus();
      return false;
	}
   var data = {name:'regpro',ord_product_id:id,ord_type:type,ord_name:ord_name,ord_email:ord_email,ord_phone:ord_phone,ord_content:ord_content};
   loadAjax(data,'json',{
      success:function(res) {
         if(res.status == 1) {
            $('.popup_main').html('<center>'+res.html+'</center>');
         }else {
            $('.popup_main').append('<center>'+res.html+'</center>');
         }
      },
      beforeSend:function() {
         $('.popup_main').html('<center><img src="/themes/img/loading2.GIF" /></center>');
      } 
   });
}
</script>